const BMap = window.BMap;

const addMaker = function (point, img, title) {
  // 创建图标对象
  const myIcon = new BMap.Icon(img, new BMap.Size(25, 30), {
    imageSize: new BMap.Size(25, 30),
    // 指定定位位置。
    // 当标注显示在地图上时，其所指向的地理位置距离图标左上
    // 角各偏移10像素和25像素。您可以看到在本例中该位置即是
    // 图标中央下端的尖角位置。
    anchor: new BMap.Size(12.5, 30)
    // 设置图片偏移。
    // 当您需要从一幅较大的图片中截取某部分作为标注图标时，您
    // 需要指定大图的偏移位置，此做法与css sprites技术类似。
    // imageOffset: new BMap.Size(0, -10) // 设置图片偏移
  });
  // 创建标注对象并添加到地图
  const marker = new BMap.Marker(point, { icon: myIcon, title: title });
  return marker;
};

const showInfoWnd = function (opt, p) {
  const tpl = `
    <section>
      <h4 style="margin-top: 0; margin-bottom: 14px;">${opt.stationName}</h4>
      <div style="margin-bottom: 10px;">地址: ${opt.address}</div>
      <div>状态: <span class="map-wnd-tag">${opt.status}</span></div>
    </section>
  `;
  // var opts = {
  //   width: 200, // 信息窗口宽度
  //   height: 100, // 信息窗口高度
  //   title: opt.title // 信息窗口标题
  // };
  var infoWindow = new BMap.InfoWindow(tpl);
  map.openInfoWindow(infoWindow, p);
};